<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html 部分 -->
		<style>
			/* css 注释方式 */
			/* css 部分 选择器 抓取元素，给元素增加效果
						选择器{
							属性 ： 属性值; 
						} */
			p{
				width: 200px;
				height: 200px;
				background: #a6e1e4;       /* 16进制色值 */ 
			}			
		</style>
	</head>
	<body>
		<!-- ①内联样式表 叫做行内样式表 【开发不用】
			语法 ： 前标记 style="属性：属性值;属性：属性值;"-->
		<div style="width: 300px;height: 300px;background: red;"></div>
		<!-- 内部样式表 【开发不用：练习专用】 
			html部分：在head元素中，添加style元素
			css部分：在style元素中，添加css样式
			-->
			<p>lorem</p>
	</body>
</html>